<template>
	<el-container>
		<el-aside width="200px">
			<InfoNavBar></InfoNavBar>
		</el-aside>
		<el-main>
			<router-view></router-view>
		</el-main>
	</el-container>
</template>

<script>
	import InfoNavBar from "../../components/foreground/InfoNavBar.vue"
	export default {
		components: {
			InfoNavBar
		}
	};
</script>

<style lang="scss" scoped>
	.el-container {
		height: 89vh;
		margin: 0 15% 0 15%;

		

		.el-aside {
			padding: 0;
		}

		.el-main {
			padding: 0;
			/* 隐藏滚动条 */
			  overflow-y: auto;
			  scrollbar-width: none; /* Firefox 隐藏滚动条 */
			  -ms-overflow-style: none; /* IE 隐藏滚动条 */
			
			  /* WebKit 内核滚动条样式 */
			  &::-webkit-scrollbar {
			    width: 6px;
			  }
			  &::-webkit-scrollbar-thumb {
			    background-color: rgba(0, 0, 0, 0);
			    border-radius: 3px;
			  }
			  &::-webkit-scrollbar-track {
			    background-color: rgba(0, 0, 0, 0);
			  }
		}

		.el-header {
			position: relative;
			box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
		}
	}
</style>